<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head  th:replace="_fragments :: head(~{::title})">
  <title>关于我们</title>
</head>

<body class="aboutme-bg">

  <!--头部导航-->
  <nav th:replace="_fragments :: menu(5)" ></nav>

  <!--中间内容-->
  <div  class="m-container m-padded-tb-big animated fadeIn">
    <div class="ui container">
<!--左边教师信息-->
      <div class="ui stackable grid">

        <div class="three wide column">
          <div class="ui top attached segment">
            <h3 class="ui blue header">教师信息</h3>
          </div>
          <div class="ui attached segment">
            <!--陈老师-->
            <div class="ui card">
              <div class="content">
                <h3 class="header">陈绵仕</h3>
                <div class="meta">
                  <span class="date">培训讲师</span>
                </div>
                <br>
                <p class="m-black">个人特色：javaweb 开发</p>
              </div>
            </div>
            <!--黄老师-->
            <div class="ui card">
              <div class="content">
                <h3 class="header">黄子晏</h3>
                <div class="meta">
                  <span class="date">培训讲师</span>
                </div>
                <br>
                <p class="m-black">个人特色：web 开发，数据 ETL 维护</p>
              </div>
            </div>
            <!--钟老师-->
            <div class="ui card">
              <div class="content">
                <h3 class="header">钟昌贤</h3>
                <div class="meta">
                  <span class="date">培训讲师</span>
                </div>
                <br>
                <p class="m-black">个人特色：1.微服务架构体系框架设计2.具有多领域开发经验</p>
              </div>
            </div>
            <!--王玮榕老师-->
            <div class="ui card">
              <div class="content">
                <h3 class="header">王玮榕</h3>
                <div class="meta">
                  <span class="date">培训讲师</span>
                </div>
                <br>
                <p class="m-black">个人特色：Python 自动化、Java Spring、C 网络编程、IOT 编程</p>
              </div>
            </div>
            <!--谭圣良老师-->
            <div class="ui card">
              <div class="content">
                <h3 class="header">谭圣良</h3>
                <div class="meta">
                  <span class="date">培训讲师</span>
                </div>
                <br>
                <p class="m-black">个人特色：1.全栈开发，主要司职 Java 后端开发2.善于输出优选方案、资源沟通调配</p>
              </div>
            </div>
          </div>
        </div>



        <!--右边班级信息-->
        <div class="thirteen wide column">

          <div class="ui  attached segment">
            <h3 class="ui blue header">班级信息</h3>
          </div>
          <div class="ui attached segment">
            <h3 class="header">课程内容</h3>
            <table class="ui celled padded table">
              <thead>
              <tr><th>日期</th>
                <th>7.1</th>
                <th>7.2</th>
                <th>7.3</th>
                <th>7.4</th>
                <th>7.5</th>
                <th>7.6</th>
                <th>7.7</th>
                <th>7.8</th>
                <th>7.9</th>
                <th>7.10</th>

              </tr></thead>
              <tbody>
              <tr>
                <td>8:30-11:30</td>
                <th><font size="2">1、开学典礼</font></th>
                <th><font size="2">1、介绍课程目标和项目;2、数据库环境配置</font></th>
                <th><font size="2">1、基于 IDE 进行 Spring Boot 搭建</font></th>
                <th><font size="2">1、项目中基于 My batis 实现数据管理</font></th>
                <th><font size="2">1、完成项目主体后台开发，项目全过程管理功能</font></th>
                <th><font size="2">1、项目优化实战</font></th>
                <th><font size="2">1、缓存概念介绍和Re dis的引入</font></th>
                <th><font size="2">1、反向代理介绍和 Ng inx 的引入</font></th>
                <th><font size="2">1、实践准备+现场答疑</font></th>
                <th><font size="2">1、小组成果展现答辩</font></th>

              </tr>


              <tr>
                <td>14:30-17:30</td>
                <th><font size="2">2、行业前景分析、就业指导分享</font></th>
                <th><font size="2">3、项目简单需求分析；4、表设计和数据库初始化</font></th>
                <th><font size="2">2、My batis 介绍和项目配置；</font> </th>
                <th><font size="2">2、前端页面搭建（ html + js + ajax ）；</font></th>
                <th><font size="2">2、复盘开发过程，思考项目缺陷和优化方案；</font></th>
                <th> <font size="2">2、Li unx 编程生态和脚本编程；</font></th>
                <th><font size="2">2、Re dis 底层原理分析和利用；</font></th>
                <th><font size="2">2、Ng inx 底层核心原理分析和利用；</font></th>
                <th><font size="2">2、小组成果展现答辩</font></th>
                <th><font size="2">2、企业参观与体验</font></th>
              </tr>
              </tbody>
            </table>
          </div>
          <div class="ui attached segment">
            <h3 class="header">共
              <h2 class="ui blue header m-inline-block m-text-thin"> 5 </h2> 位同学
            </h3>
            <div class="ui three cards">
              <!---->
              <div class="card">
                <div class="content">
                  <a class="header">黄仕颖</a>
                  <div class="meta">
                    <p>组长</p>
                  </div>
                  <div class="description">
                    22岁，男，双鱼座，QQ：1628576806，爱好是唱、跳、Rap、篮球
                  </div>
                </div>
                <div class="extra content">
                  <span class="right floated">2019年入学 </span>
                  <span><i class="user icon"></i> 预备党员 </span>
                </div>
              </div>
              <!---->
              <div class="card">
                <div class="content">
                  <a class="header">郑晶晶</a>
                  <div class="meta">
                    <p>组员</p>
                  </div>
                  <div class="description">
                    22岁，女，天蝎座，QQ：1341012096，爱好是未知的事物
                  </div>
                </div>
                <div class="extra content">
                  <span class="right floated">2019年入学 </span>
                  <span><i class="user icon"></i> 预备党员 </span>
                </div>
              </div>
              <!---->
              <div class="card">
                <div class="content">
                  <a class="header">汪庭峰</a>
                  <div class="meta">
                    <p>组员</p>
                  </div>
                  <div class="description">
                    22岁，男，巨蟹座，QQ：2416224351，爱好是未知的事物
                  </div>
                </div>
                <div class="extra content">
                  <span class="right floated">2019年入学 </span>
                  <span><i class="user icon"></i> 预备党员 </span>
                </div>
              </div>
              <!---->
              <div class="card">
                <div class="content">
                  <a class="header">金驰博</a>
                  <div class="meta">
                    <p>组员</p>
                  </div>
                  <div class="description">
                    22岁，男，双鱼座，QQ：718372209，爱好是未知的事物
                  </div>
                </div>
                <div class="extra content">
                  <span class="right floated">2019年入学 </span>
                  <span><i class="user icon"></i> 预备党员 </span>
                </div>
              </div>
              <!---->
              <div class="card">
                <div class="content">
                  <a class="header">周椿卿</a>
                  <div class="meta">
                    <p> 组员</p>
                  </div>
                  <div class="description">
                    22岁，男，双鱼座，QQ：1070132118，爱好是未知的事物
                  </div>
                </div>
                <div class="extra content">
                  <span class="right floated">2019年入学 </span>
                  <span><i class="user icon"></i> 预备党员 </span>
                </div>
              </div>
              <!---->
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>

  <br>
  <br>

  <!--底部footer-->
  <footer th:replace="_fragments :: footer" class="ui inverted vertical segment m-padded-tb-massive">

  </footer>

  <!--导入的script-->
  <th:block th:replace="_fragments :: script">

  </th:block>

  <script>
    $('.menu.toggle').click(function () {
      $('.m-item').toggleClass('m-mobile-hide');
    });

    $('.wechat').popup({
      popup : $('.wechat-qr'),
      position: 'bottom center'
    });
    $('.qq').popup();

  </script>
</body>
</html>